<style>
    ul>li>div>span>a{
        line-height: 26px;
        font-size: 13px;
        cursor:pointer;
    }
    .time{
        float: right;
        font-size: 8px;
    }
    .more{
        cursor:pointer;
    }
    body{
        background-color:white;
    }

</style>
<div>
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active">
            <a href="#msg1" aria-controls="track1" role="tab" data-toggle="tab">应用</a>
        </li>
        <li role="presentation">
            <a href="#msg2" aria-controls="track2" role="tab" data-toggle="tab">教辅</a>
        </li>
        <li role="presentation">
            <a href="#msg3" aria-controls="track2" role="tab" data-toggle="tab">计划</a>
        </li>
    </ul>

    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="msg1">
            <ul id="appList" style="margin-top: 10px">
                {% for key,row in appMsg %}
                    <li><div><span><a  id="{{ row['iArtId'] }}" class="clickMsg">{{ row["sTitle"] }}</a></span><span class="time" >{{ row["tLastModifyDate"] }}</span></div> </li>
                {% endfor %}

                <li><span style="float: right"><a  class="more" nodetype="4" >查看更多...</a></span> </li>
            </ul>
        </div>
        <div role="tabpanel" class="tab-pane" id="msg2">
            <ul id="teachList" style="margin-top: 10px">
                {% for key,row in techMsg %}
                    <li><div><span><a  id="{{ row['iArtId'] }}" class="clickMsg">{{ row["sTitle"] }}</a></span><span class="time" >{{ row["tLastModifyDate"] }}</span></div> </li>
                {% endfor %}

                <li><span style="float: right"><a   class="more" nodetype="5" >查看更多...</a></span> </li>
            </ul>
        </div>
        <div role="tabpanel" class="tab-pane" id="msg3">
            <ul id="planList" style="margin-top: 10px">
                {% for key,row in planMsg %}
                    <li><div><span><a  id="{{ row['iArtId'] }}" class="clickMsg">{{ row["sTitle"] }}</a></span><span class="time" >{{ row["tLastModifyDate"] }}</span></div> </li>
                {% endfor %}

                <li><span style="float: right"><a   class="more" nodetype="6" >查看更多...</a></span> </li>
            </ul>
        </div>
    </div>
</div>